@import url('reset.css');
@import url('formatters.css');

html { font: 11px; }
body { background-color: #fafafa !important; margin-bottom: 50px !important; }
h1, h2, h3 { text-transform: uppercase; }
h1 { font-size: 18px; font-weight: 100; margin: 5px 0 0 10px; text-align: right; letter-spacing: 2px; color: #aaa; -webkit-margin-after: 0; -webkit-margin-before: 0;}
h2 { font-size: 15px; margin: 0 0 5px 0; border-bottom: 1px dotted #aaa; color: #888; font-weight: 100; }
h3 { font-size: 12px; font-weight: 100; margin: 0 0 10px 0; color: #444; }
#catalog h2 .gwt-Hyperlink a, #catalog h2 .gwt-Hyperlink a:active, #catalog h2 .gwt-Hyperlink a:visited { color: #888; }
#context, #catalog, #response, #history { margin: 0; padding: 15px 5px 15px 5px; white-space: nowrap; }
#request { margin: 0; padding: 0px 5px 15px 5px; white-space: nowrap; }
.note { font-style: italic; font-size: 12px; }
.notification-area { width: 100%; text-align: center; position: absolute; top:10px; }
.notification-area .body { display: inline; font-size: 15px; padding: 4px 10px 4px 10px; -moz-border-radius: 7px; border-radius: 7px; }
.notification-area .error { background-color: #e44444; color: white; }
.notification-area .info { background-color: #f3b03c; color: white; }
.error { background-color: #f77; }
select { padding: 3px 2px; border: 1px solid #999; }

.headers-error {
   border: 2px #800 solid !important;
 }
.headers-errors {
   color: #800;
   font-weight: bold;
   padding: 0 0 0 20px;
 }

.pane {
  clear: both;
}
.pane .headers {
  width: 360px;
  float: left;
  display: inline;
  }
.pane .headers .header-e {
  padding: 0px 4px 0 2px;
  }
.pane .headers .header-name {
  width: 115px;
  margin: 1px 3px 1px 0;
  }
.pane  .headers .header-value {
  width: 140px;
  margin: 1px 0 1px 3px;
  }
.pane  .headers .add {
  padding: 3px 5px;
  margin: 2px 0 2px 2px;
  }
.pane  .headers .delete {
  padding: 3px 5px;
  margin: 2px 0 2px 2px;
  background-color: #fafafa;
  border: none;
  font-size: 9px;
  cursor: pointer;
  }

a.header-link,
a:ACTIVE.header-link,
a:HOVER.header-link,
a:VISITED.header-link {
  color: #000;
}

/* REQUEST */
#request .service {
  margin-bottom: 15px;
  }
#request .service .secure {
  background-color: #fef072;
  }
#request .service .url {
  width: 510px;
  }
#request .service .host {
  width: 150px;
  }
#request .service .path {
  width: 350px;
  }
#request .body {
  margin-left: 360px;
  float: none;
  width: 500px;
  }
#request .smbt {
  font-size: 12px;
  margin: 3px;
  padding: 3px;
  float: left;
 }
#response .body {
  margin-left: 360px;
  float: none;
  width: auto;
  min-width: 500px;
  height: auto;
  }
/*
#request .body .type {
  padding: 3px 2px;
  text-align: right;
  }
  
#request .headers .type {
  padding: 0 30px 8px 0;
  text-align: right;
}
*/
#request .body .text-body {
  width: 500px;
  height: 150px;
  margin: 0 0 5px 0;
  }
#request .raw-headers {
  width: 330px;
  height: 150px;
  margin: 0 0 5px 5px;
  }
#request .body .file-body {
  border: 3px dashed #ccc;
  margin: 10px 0 5px 0;
  height: 70px;
  color: #ccc; 
  }
#request .body .file-body-hover {
  border: 3px dashed #999;
  margin: 10px 0 5px 0;
  height: 70px;
  color: #999;  
  }
#request .body .file-body .content,
#request .body .file-body-hover .content {
  text-align: center;
  padding-top: 18px; 
  font-weight: 200;
  text-transform: lowercase;  
  font-family: sans-serif, arial;
  vertical-align: middle; 
  font-size: 15px;
  color: #999;  
  }
#request .body .file-body .content-name,
#request .body .file-body-hover .content-name {
  font-weight: 800;
  padding: 4px;
  }
#request .body .file-body .notice,
#request .body .file-body-hover .notice {
  text-align: center;
  padding-top: 22px; 
  font-size: 25px;
  font-weight: 900;
  text-transform: lowercase;  
  font-family: sans-serif, arial;
  }
  
/* CONTEXT */
#context .body {
  width: 875px;
  }

/******/
ul {
  maring: 0;
  padding: 0;
  }
li {
  list-style: none;
  padding: 0;
  margin: 0;  
  }
.response-status {
  padding: 4px 3px;
  margin-bottom: 7px;
  font-size: 17px;
  font-weight: 300;
  font-family: monospace !important;
  }
.response-raw-headers {
  width: 340px;
  overflow: auto;
  white-space: pre-wrap;
  padding: 0 0 0 0;
  line-height: 20px;
  min-height: 70px;
  }
.response-body {
  font-family: monospace !important;
  font-size: 12px;
  max-height: 600px;
  overflow: auto;
  padding: 5px;
  min-height: 70px;
  }
.response-headers tr > td:FIRST-CHILD {
  width: 120px;
  max-width: 120px;
  height: 15px;
  font-size: 12px;
  padding: 2px 0 2px 0;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  }
.response-headers tr > td:LAST-CHILD {
  width: 210px;
  max-width: 210px;
  font-size: 13px;
  padding: 2px 0 2px 0;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  }
.response-headers .allow {
  font-size: 11px;
  }
.response-headers .addt {
  font-size: 11px;
  font-weight: 900;
  padding-left: 5px;
  font-family: monospace;
  }
.response-ok,
.response-ok a,
.response-ok a:HOVER,
.response-ok a:VISITED,
.response-ok a:ACTIVE {
  color: #080;
  }
.response-error,
.response-error a,
.response-error a:HOVER,
.response-error a:VISITED,
.response-error a:ACTIVE {
  color: #800;
  }
.response-headers {
  overflow: scroll;
  }

#request .headers .type,
#response .headers .type,
#response .body .type {
  margin: 0 0 0 0;
  padding: 0 30px 0 0;
  font-size: 11px;
  color: #6e6e6e;
  float: right;  
  }
#request .body .type {
  margin: 0;
  padding: 0 5px 0 0;
  font-size: 11px;
  color: #6e6e6e;
  float: right;  
}  
  
#response .body h3 {

  }
#response .response-body {
  white-space: pre-wrap;
  }
.body-length {
  font-size: 10px;
  color: #666;
  padding: 7px 0 0 7px;
  }
.gwt-ULList {
  font-size: 12px;
  display: block;
  white-space: pre-wrap;
  }
.gwt-ULList li {
  padding: 0 10px 0 10px;
  }
.gwt-ULList li, .gwt-ULList li div {
  display: inline;
  text-transform: uppercase;
  font-weight: bold;
  }
.gwt-ULList a, .gwt-ULList a:HOVER, .gwt-ULList a:ACTIVE, .gwt-ULList a:VISITED {
  color: #000;
  }
.gwt-Hyperlink {
  display: inline;
  }
.gwt-ULList .gwt-Button {
  font-style: italic;
  border: none;
  background: none;
  }
h2 .label {
  font-weight: normal;
  font-size: 12px;
  padding-left: 7px;
  vertical-align: bottom; 
  }
  
#catalog h2 a.gwt-Anchor, #catalog h2 a.gwt-Anchor:HOVER, #catalog h2 a.gwt-Anchor:ACTIVE, #catalog h2 a.gwt-Anchor:VISITED {
  color: #888;
  }
#catalog a, #catalog a:HOVER, #catalog a:ACTIVE, #catalog a:VISITED {
  color: #000;
  }
h1 .version {
  font-size: 9px;
  letter-spacing: 0;
  vertical-align: top;
  text-transform: lowercase;
  }
.unknown-ct {
  padding-left: 50px;
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
  color: white; 
  text-shadow: #aaa 0px 0px 80px;
  font-family: sans-serif, arial;	
  }
.btn-download {
  color: black;
  display: inline-block;
  margin: 3px 0 3px 3px !important;
  font-family: Arial Unicode MS, Arial, sans-serif;
  }
.btn-download:active,
.btn-download:hover,
.btn-download:VISITED {
	color: black;
  }
  
footer {
  padding: 15px 0 0 0;
  color: #999;
  }

footer a,
footer a:ACTIVE,
footer a:HOVER,
footer a:VISITED {
  font-size: 10px;
  color: #888;
  text-transform: uppercase;
  }

footer a.feedback {  
  float: right;
  text-align: right;
  }

a.joinus,
a:ACTIVE.joinus,
a:HOVER.joinus,
a:VISITED.joinus {
  color: #aaa;
  }
  
#response .label {
  display:block;
  float: right;
  font-size: 10px;
  color: #666;
  padding: 0 20px 0 0;
  }
.gwt-SuggestBox {
  border: 1px solid #666;
  text-align: left;
  }
.gwt-SuggestBoxPopup {
  text-align: left;
  cursor: hand;
  border: 1px solid #666;
  border-top: 0;
  background-color: #fff;
  }
.gwt-SuggestBoxPopup .item {
  padding: 3px;
  }
.gwt-SuggestBoxPopup .item-selected {
  background-color: #fafafa;
  }
.gwt-DialogBox .dialogContent {
  padding: 7px;
  }
.gwt-DialogBox .buttons {
  margin-top: 8px;
  border-top: #dadada solid 1px;
  padding-top: 8px;
  text-align: right;
  }
.client-error-dialog .Caption {
  color: #800;
  font-weight: normal !important;
  }
.client-error-dialog .gwt-TextArea,
.client-error-dialog .gwt-TextBox {
  margin: 8px;
  display: block;
  }
.client-error-dialog .gwt-CheckBox {
  padding: 4px 8px 8px 8px;
  display: block;
  }
.client-error-dialog p {
  font-size: 14px;
  padding: 8px 8px 8px 8px;
    margin-bottom: 8px;
  }  
.client-error-dialog .gwt-Button {
  margin-left: 7px;
  background-color: #080;
}  

#history .container {
  max-height: 120px;
  overflow: auto;
  }

#history .container table {
  font-size: 10px;
  }

#history .container table td {  
  padding: 2px 10px 3px 10px;
  }

table.history {
  margin: 2px 0 7px 0;
  }

#history .buttons {
  width: 100%;
  width: 875px;
  text-align: right;
  margin-top: 7px;
  }

table.history td.datetime {
  color: #222;
  font-size: 10px;
  }  

table.history td.count {
  color: #222;
  font-size: 11px;
  font-style: italic;
  }  
  
.btn-edit {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url();
  	cursor: pointer;
  	padding: 2px 0 0 0;
  	margin: 2px 0 2px 0;
  	background-color: #fafafa;
  	border: none;
 }
 
 .auth-type {
  padding: 7px; 
 }
 .auth-btn {
 margin: 10px 0 0 0;
  
 }
.clearfix,.main{display:block;}
.clearfix:after,.main:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
/* IE5/MAC hack \*/
* html .clearfix{display:inline;height:1px;}
